<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jQuery load()事件示例</title>
		<script src="js/jquery-3.6.1.min.js"></script>
    </head>
    <body>
        <h3>jQuery load()事件示例</h3>
        <hr>
        <p>墙报正在加载中，请稍后。。。</p>
		<img src="image/wallpaper.jpg" width="1200" height="600" onload="img_onload()"/>
        <script>
            function img_onload(){
                $("img").hide();//图片隐藏
                setTimeout(function () {f();}, 4000);
                function f(){
                    $("p").text("墙报加载完毕！");
                    $("img").fadeIn(5000);//图片逐渐显示
                }   
            };
        </script>
    </body>
</html>

